<template>
    <div>
        <div class="header">
              <van-nav-bar
            title="我的场馆"
            left-text="返回"
            left-arrow
            @click-left="back"
            />
        </div>
        <div class="body">
             <dl v-for="venue in list" :key='venue.id' class="venue_item">
                 <dt>{{venue.type_name}}</dt>
                 <dd>{{venue.name}}</dd>
                 <dd>地址:{{venue.address}}</dd>
             </dl>
        </div>
    </div>
</template>

<script>

export default {
    name:'my_follows',
    data(){
        return {
            list:[]
        }
    },

    created(){
         this.getList();
    },

    methods:{

        back(){
            this.$router.go(-1);
        },

        async getList(){
            let { data:res } = await this.$http.get('user/my_follows');
            //console.log(res);
            this.list = res.data;
        }
        
    }
}

</script>

<style scoped lang='less'>

.van-nav-bar{
    background: #3298ed;
    .van-nav-bar__title{
        color:#fff;
    }
    .van-nav-bar__text{
        color:#fff;
    }
     .van-icon{
         color:#fff;
     }
}

.body{
    padding:30px;
}

.venue_item{
    font-size: 32px;
    border-bottom: 1px #eee solid;
    padding:20px 0;
    line-height: 50px;
}

</style>

